<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	template="../pages/template.xhtml">
	<ui:define name="head">
		<title>#{msg.usuariosTitle}- #{usuariosBean.selectedUsuario.nombre} #{usuariosBean.selectedUsuario.apellidos}</title>
	</ui:define>
	<ui:define name="left"></ui:define>
	<ui:define name="center">
		<h:form prependId="false" styleClass="formPrincipal">
			<p:growl id="msgs" showDetail="true" />
			<!-- Mirar el p:collector -->
			<p:ajaxStatus style="width:16px;height:16px;">
				<f:facet name="start">
					<p:graphicImage value="../images/loading.gif" />
				</f:facet>
				<f:facet name="complete">
					<h:outputText value="" />
				</f:facet>
			</p:ajaxStatus>
			<p:panel
				header="#{usuariosBean.selectedUsuario.nombre} #{usuariosBean.selectedUsuario.apellidos}"
				id="detalle">
				<h:panelGrid columns="4">
					<h:outputLabel value="#{msg.dni}:"></h:outputLabel>
					<p:inputText value="#{usuariosBean.selectedUsuario.dniPassaporte}" style="margin-left: 28px;"></p:inputText>
					<p:commandLink value="#{msg.registrarAtencion}"
						oncomplete="dlgAtencion.show()"
						rendered="#{usuariosBean.selectedUsuario.atencionprimarias==null or empty usuariosBean.selectedUsuario.atencionprimarias}"></p:commandLink>
					<p:commandLink
						rendered="#{usuariosBean.selectedUsuario.atencionprimarias!=null and not empty usuariosBean.selectedUsuario.atencionprimarias}"
						onclick="detalleAtencion.show();">
						<h:outputLabel
							value="#{msg.fechaAtencion}: #{usuariosBean.selectedUsuario.atencionprimarias[0].fecha}"></h:outputLabel>
					</p:commandLink>

					<p:commandLink value="#{msg.expediente}"></p:commandLink>

				</h:panelGrid>
				<h:panelGrid columns="8">
					<h:outputLabel value="#{msg.nombre}:"></h:outputLabel>
					<p:inputText value="#{usuariosBean.selectedUsuario.nombre}"></p:inputText>
					<h:outputLabel value="#{msg.apellidos}:"></h:outputLabel>
					<p:inputText value="#{usuariosBean.selectedUsuario.apellidos}"></p:inputText>
					<h:outputLabel value="#{msg.direccion}:"></h:outputLabel>
					<p:inputText style="width:260px;"
						value="#{usuariosBean.selectedUsuario.direccion}"></p:inputText>
					<h:outputLabel value="#{msg.telefono}:"></h:outputLabel>
					<p:inputText value="#{usuariosBean.selectedUsuario.telefono}"></p:inputText>
					<h:outputLabel value="#{msg.fechaNacimiento}:"></h:outputLabel>
					<p:calendar effect="explode" locale="es" navigator="true"
						value="#{usuariosBean.fechaNacimiento}" pattern="dd/MM/yyyy"
						yearRange="c-99:c" style="font-size: 15px;" size="14" >
					</p:calendar>
					<h:outputLabel value="#{msg.lugarNacimiento}:"></h:outputLabel>
					<p:inputText
						value="#{usuariosBean.selectedUsuario.lugarNacimiento}"></p:inputText>
					<h:outputLabel value="#{msg.sexo}:"></h:outputLabel>
					<p:panel>
						<p:selectOneRadio value="#{usuariosBean.selectedUsuario.sexo}">
							<f:selectItem itemValue="Hombre" itemLabel="#{msg.hombre}" />
							<f:selectItem itemValue="Mujer" itemLabel="#{msg.mujer}" />
						</p:selectOneRadio>
					</p:panel>
					<h:outputLabel value="#{msg.fechaLlegada}:"></h:outputLabel>
					<p:calendar effect="explode" locale="es" navigator="true"
						value="#{usuariosBean.fechaLLegada}" pattern="dd/MM/yyyy"
						yearRange="c-99:c" style="font-size: 15px;" size="14" >
					</p:calendar>
					<h:outputLabel value="#{msg.nacinalidad}:"></h:outputLabel>
					<p:inputText value="#{usuariosBean.selectedUsuario.nacionalidad}"></p:inputText>
					<h:outputLabel value="#{msg.empadronado}:"></h:outputLabel>
					<p:selectBooleanCheckbox
						value="#{usuariosBean.selectedUsuario.empadronado}" />
					<h:outputLabel value="#{msg.documentacion}:"></h:outputLabel>
					<p:selectOneMenu
						value="#{usuariosBean.selectedUsuario.documentacion}"
						effect="drop" style="width:130px;">
						<f:selectItem itemLabel="#{msg.seleccionOpcion}" itemValue="" />
						<f:selectItem itemLabel="#{msg.si}" itemValue="Si" />
						<f:selectItem itemLabel="#{msg.no}" itemValue="No" />
						<f:selectItem itemLabel="#{msg.comunitario}" itemValue="Comunitario" />
					</p:selectOneMenu>

					<p:commandButton value="#{msg.guardar}"
						action="#{usuariosBean.updateUsuario}" update="msgs">
					</p:commandButton>
					<p:commandButton value="#{msg.cancelar}"
						action="#{usuariosBean.volverAUsuarios}"></p:commandButton>
				</h:panelGrid>
				<p:dialog widgetVar="dlgAtencion" modal="true" showEffect="explode"
					hideEffect="explode" height="250" width="300"
					header="#{msg.registrarAtencion}" id="dlgAtencion">
					<p:panel id="atencion">
						<h:panelGrid columns="1">
							<h:outputLabel
								value="#{msg.usuario}: #{atencionPrimariaBean.usuarioSelecionado.nombre} #{atencionPrimariaBean.usuarioSelecionado.apellidos}"></h:outputLabel>
							<h:outputLabel
								value="#{msg.tecnico}: #{atencionPrimariaBean.currentTecnico.nombre} #{atencionPrimariaBean.currentTecnico.apellidos}"></h:outputLabel>
							<h:outputLabel
								value="#{msg.fecha}: #{atencionPrimariaBean.atencionPrimaria.fecha}"></h:outputLabel>
						</h:panelGrid>
						<h:panelGrid columns="2">
							<h:outputLabel value="#{msg.observaciones}: "></h:outputLabel>
							<p:inputTextarea
								value="#{atencionPrimariaBean.atencionPrimaria.descripcion}"></p:inputTextarea>
						</h:panelGrid>

						<p:commandButton value="#{msg.guardar}" onclick="dlgAtencion.hide();"
							action="#{atencionPrimariaBean.addAtencionPrimaria}"
							update="detalle,msgs"></p:commandButton>
						<p:commandButton value="#{msg.cerrar}" onclick="dlgAtencion.hide();"></p:commandButton>
					</p:panel>
				</p:dialog>
				<p:dialog widgetVar="detalleAtencion" modal="true"
					showEffect="explode" hideEffect="explode" height="250" width="300"
					header="#{msg.detalleAtencion}" id="detalleAtencion">
					<p:panel id="atencionDetalle">
						<h:panelGrid columns="2">
							<h:outputLabel value="#{msg.usuario}:"></h:outputLabel>
							<h:outputLabel
								value="#{atencionPrimariaBean.usuarioSelecionado.nombre} #{atencionPrimariaBean.usuarioSelecionado.apellidos}"></h:outputLabel>
							<h:outputLabel value="#{msg.tecnico}:"></h:outputLabel>
							<h:outputLabel
								value=" #{atencionPrimariaBean.currentTecnico.nombre} #{atencionPrimariaBean.currentTecnico.apellidos}"></h:outputLabel>
							<h:outputLabel value="#{msg.fecha}:"></h:outputLabel>
							<h:outputLabel
								value=" #{atencionPrimariaBean.usuarioSelecionado.atencionprimarias[0].fecha}"></h:outputLabel>
							<h:outputLabel value="#{msg.observaciones}: "></h:outputLabel>
							<h:outputLabel
								value="#{atencionPrimariaBean.usuarioSelecionado.atencionprimarias[0].descripcion}"></h:outputLabel>
						</h:panelGrid>
						<p:commandButton value="#{msg.cerrar}" onclick="detalleAtencion.hide();"></p:commandButton>
					</p:panel>
				</p:dialog>
			</p:panel>
			<p:panel header="#{msg.demandas}" id="demandas">
				<h:panelGrid columns="2" id="nuevaDemanda" title="#{msg.nuevaDemanda}">
					<h:outputText value="#{msg.adjuntar}: "></h:outputText>
					<h:panelGroup>
						<p:fileUpload label="#{msg.subirArchivos}"
							sizeExceedMessage="#{msg.ficheroGrande}"
							fileUploadListener="#{demandasBean.handleFileUpload}"
							mode="advanced" multiple="true" auto="true"
							update="msgs,nuevaDemanda,documentos,listaDocumentos"
							sizeLimit="10000000" />
						<ui:repeat var="documentoVar"
							value="#{demandasBean.nombresDocumentos}" id="documentos">
							<h:panelGrid columns="2" id="listaDocumentos">
								<h:outputText value="#{documentoVar}" />
								<p:commandLink title="#{msg.eliminar}"
									action="#{demandasBean.quitarDocumento}"
									update="documentos,listaDocumentos,demandas,nuevaDemanda">
									<p:graphicImage value="../images/buttons/delete.png" width="16"
										height="16"></p:graphicImage>
									<f:setPropertyActionListener target="#{demandasBean.documento}"
										value="#{documentoVar}"></f:setPropertyActionListener>
								</p:commandLink>
							</h:panelGrid>
						</ui:repeat>
					</h:panelGroup>
					<h:outputText value="#{msg.descripcion}: " />
					<p:inputTextarea value="#{demandasBean.demanda.descripcion}"
						style="width:500px" autoResize="false"></p:inputTextarea>
					<p:commandButton value="#{msg.guardar}"
						action="#{demandasBean.addDemanda}"
						update="nuevaDemanda,msgs,demandas,listadoDemandas">
					</p:commandButton>
				</h:panelGrid>
				<p:dataTable id="listadoDemandas"
					value="#{demandasBean.demandasUsuarioSeleccionado}"
					var="demandaVar" emptyMessage="#{msg.tablaVacia}" paginator="true"
					rows="10">
					<p:column headerText="#{msg.estado}" style="width:70px"
						sortBy="#{demandaVar.estado}">
						<h:outputText value="#{demandaVar.estado}" />
					</p:column>
					<p:column headerText="#{msg.fechaCreacion}" style="width:70px">
						<h:outputText value="#{demandaVar.fechaCreacion}" />
					</p:column>
					<p:column headerText="#{msg.ultimaModificacion}" style="width:70px">
						<h:outputText value="#{demandaVar.fechaModificacion}" />
					</p:column>
					<p:column headerText="#{msg.tecnico}" style="width:100px">
						<h:outputText
							value="#{demandaVar.tecnicoBean.nombre} #{demandaVar.tecnicoBean.apellidos}" />
					</p:column>
					<p:column headerText="#{msg.usuario}" style="width:100px">
						<h:outputText
							value="#{demandaVar.usuarioBean.nombre} #{demandaVar.usuarioBean.apellidos}" />
					</p:column>
					<p:column headerText="#{msg.descripcion}" style="width:200px">
						<h:outputText value="#{demandaVar.descripcion}" />
					</p:column>
					<p:column headerText="#{msg.documentos}" style="width:100px">
						<ui:repeat var="documentoVar" value="#{demandaVar.documentos}">
							<p:commandLink value="#{documentoVar.tipo}"
								action="#{demandasBean.descargarArchivo}" ajax="false">
								<f:setPropertyActionListener target="#{demandasBean.path}"
									value="#{documentoVar.demandaBean.idDemanda},#{documentoVar.tipo}"></f:setPropertyActionListener>
							</p:commandLink>
							<br />
						</ui:repeat>
					</p:column>
				</p:dataTable>
			</p:panel>
		</h:form>
	</ui:define>
</ui:composition>